
<%@include file="/jsp/top.jsp"%>
<html>
    <head>
        <title>
            E Shop - Retail Shopping
        </title>
    </head>
    <body>     
        <div class="clear"></div>
        <table cellspacing="5px" width="100%" align="center">            
            <tr>
                <td>
                    <table cellspacing="5px" width="100%" align="center">
                        <tr>
                            <td style="vertical-align: top;" width="20%">
                                <%@include file="/jsp/right.jsp" %></td>
                            <td style="vertical-align: top;" width="80%">
                                <table align="center" border="1" cellspacing="10px" width="100%">
                                    <tr>
                                        <td align="center">
                                            <div class="slider-wrapper theme-default" style="width: 700px;" align="center">
                                                <div id="slider" class="nivoSlider">
                                                    <img src="images/banner2_2.jpg" data-thumb="images/banner2_2.jpg" alt="" />
                                                    <a href="#"><img src="images/banner3_1_2.jpg" data-thumb="images/banner3_1_2.jpg" alt="" title="This is an example of a caption" /></a>
                                                    <!--                                                    <img src="images/walle.jpg" data-thumb="images/walle.jpg" alt="" data-transition="slideInLeft" />
                                                                                                        <img src="images/nemo.jpg" data-thumb="images/nemo.jpg" alt="" title="#htmlcaption" />-->
                                                </div>
                                                <div id="htmlcaption" class="nivo-html-caption">
                                                    <strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>.
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td width="50%">
                                            <table>
                                                <tr>
                                                    <td><strong>Books</strong>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <logic:present name="productBookList" scope="request">
                                                        <logic:iterate id="products" name="productBookList" scope="request">
                                                            <td>
                                                                <div style="float: left;width: 250px; height: 325px;">
                                                                    <ul style="text-align: center">
                                                                        <li style="height: 155px;">
                                                                            <a href="./product.do?action=showProductDetails&productId=<bean:write name="products" property="productId"/>&productName=<bean:write name="products" property="productName"/>">
                                                                                <img alt="<bean:write name="products" property="productName"/>" src="products/<bean:write name="products" property="productSmallImageName"/>" width="150px" height="150px"/></a>
                                                                        </li>
                                                                        <li style="height: 45px;">
                                                                            <a href="./product.do?action=showProductDetails&productId=<bean:write name="products" property="productId"/>&productName=<bean:write name="products" property="productName"/>">
                                                                                <bean:write name="products" property="productName"/></a>
                                                                        </li>
                                                                        <li>
                                                                            Rs. <bean:write name="products" property="productPrice"/>
                                                                        </li>                                                                       
                                                                    </ul>
                                                                </div>
                                                            </td>
                                                        </logic:iterate>
                                                    </logic:present>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td><%@include file="/jsp/footer.jsp" %></td>
            </tr>
        </table>

    </body>
</html>